<template>
    <div class="main_container">
        <el-container class="con_all">
            <el-aside width="240px">
                <Aside></Aside>
            </el-aside>
            <el-container>
                <el-header height="60px">
                    <Header></Header>
                </el-header>
                <el-main>
                    <Body></Body>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
import Header from '@/components/layout/header.vue'
import Aside from '@/components/layout/aside.vue'
import Body from '@/components/layout/body.vue'
export default {
    name:'Main',
    components:{Header,Aside,Body}
}
</script>

<style lang="less" scoped>
.main_container {
    width: 100%;
    height: 100vh;
    background-color: #F0F3F7;
    .con_all {
        height: 100%;
        width: 100%;
        .el-header {
            padding:0;
            border-left: 1px #F0F2F5 solid;
        }
    }
}
</style>